.yg-cart {
  .cart-content-nav {
    background-color: var(--themeColor);
    color: white;
  }
  .cart-content-list {
    .content-list-item {
      display: flex;
      align-items: center;
      height: 2.666667rem;
      border-bottom: 1px solid #ddd;
      .list-item-left {
        display: flex;
        justify-content: center;
        align-items: center;
        flex: 1;
        i.iconfont.icon-shanchu-xuanzhong {
  
        }
      }
  
      .list-item-mid {
        flex: 3;
        display: flex;
        justify-content: center;
        align-items: center;      
        img {
            width: 2.4rem;
            height: 2.4rem;
        }
      }
  
      .list-item-right {
        display: flex;
        justify-content: space-around;
        flex-direction: column;
        height: 2.666667rem;
        flex: 5;
        .right-top {
          .right-top-title {
                display: -webkit-box;
                overflow: hidden;
                -webkit-line-clamp: 2;
                -webkit-box-orient: vertical;
          }
  
          .right-bottom {
            display: flex;
            justify-content: space-between;
            align-items: center;
            .right-bottom-left {
              color:var(--themeColor);
            }
  
            .right-bottom-right {
              height: 0.8rem;
              display: flex;
              align-items: center;
              i.iconfont.icon-iconset0187 {
                margin-right:0.266667rem;
              }
  
              span.num {
                margin-right:0.266667rem;
              }
  
              i.iconfont.icon-icon- {
                margin-right:0.266667rem;
              }
            }
          }
        }
      }
    }
  }

  .cart-content-bottom {
    position: fixed;
    bottom: 1.333333rem;
    display: flex;
    align-items: center;
    width: 100%;
    height: 1.333333rem;
    background-color: #fff;

    .all-checked {
      flex: 1;
      display: flex;
      align-items: center;
      i.circle {
        margin-left: 0.133333rem;
        height: 0.533333rem;
        width: 0.533333rem;
        border-radius: 50px;
        border: 1px solid #ddd;
      }
  
      .text {
        margin-left: 0.133333rem;
        color:#b6b3a6;
        font-size: 0.32rem;
      }
    }
  
    .totalPrice {
      flex: 2;
      .text1 {
        font-size: 0.373333rem;
      }
  
      .price {
        color:var(--themeColor);
        font-size: 0.373333rem;
      }
    }
  
    .pay {
      flex: 1;
      display: flex;
        align-items: center;
        justify-content: center;
      .text3 {
        margin-right: 0.266667rem;
        width: 2.666667rem;
        height: 0.8rem;
        color:white;
        border-radius: 0.533333rem;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: var(--themeColor);
      }
    }
  }

    .yg-cart-empty {
      .cart-empty-img {
        width: 100%;
      }
      .empty_text {
        text-align: center;
        font-size: 0.8rem;
        a {
            color:var(--themeColor)
        }
      }
    }
  }